//====================================================
//
//      variables
//
//====================================================

//prime类名前缀（一般用于自定义样式库和解决css类名冲突）
@prefix:                ~"";

//颜色
@color-theme-lightest:        rgb(216, 246, 254);
@color-theme-lighter:         rgb(116, 222, 252);
@color-theme-light:           rgb(67, 211, 252);
@color-theme-normal:          rgb(5, 195, 249);
@color-theme-dark:            rgb(49, 157, 187);
@color-theme-darker:          rgb(2, 127, 162);

@color-key-light:             rgb(251, 108, 86);
@color-key-normal:            rgb(249, 83, 57);
@color-key-dark:              rgb(187, 93, 79);
@color-key-darker:            rgb(162, 38, 19);

@color-light-lightest:        rgb(255, 255, 197);
@color-light-lighter:         rgb(255, 255, 115);
@color-light-light:           rgb(255, 255, 65);
@color-light-normal:          rgb(255, 255, 1);
@color-light-dark:            rgb(255, 242, 1);
@color-light-darker:          rgb(255, 211, 1);

@color-nice-lighter:          rgb(103, 227, 177);
@color-nice-light:            rgb(57, 227, 158);
@color-nice-normal:           rgb(1, 198, 119);
@color-nice-dark:             rgb(38, 149, 104);
@color-nice-darker:           rgb(0, 129, 77);

@color-black-light:           rgb(102, 102, 102);
@color-black-normal:          rgb(68, 68, 68);
@color-black-dark:            rgb(51, 51, 51);
@color-black-darker:          rgb(34, 34, 34);
@color-black-darkest:         rgb(0, 0, 0);

@color-gray-lighter:          rgb(238, 238, 238);
@color-gray-light:            rgb(221, 221, 221);
@color-gray-normal:           rgb(204, 204, 204);
@color-gray-dark:             rgb(187, 187, 187);
@color-gray-darker:           rgb(170, 170, 170);
@color-gray-darkest:          rgb(153, 153, 153);

@color-white-light:           rgb(255, 255, 255);
@color-white-normal:          rgb(250, 250, 250);
@color-white-dark:            rgb(247, 247, 247);
@color-white-darker:          rgb(245, 245, 245);
@color-white-darkest:         rgb(243, 243, 243);

@color-def:             @color-black-dark;
@color-weak:            @color-gray-darker;
@color-title:           inherit;
@color-hr:              @color-gray-lighter;
@color-small:           @color-gray-darker;

@color-link:            @color-theme-dark;
@color-link-hover:      @color-theme-darker;

@bgcolor-def:           @color-white-normal;
@bgcolor-weak:          @color-white-dark;

//布局
@grid-columns-12:       12;     //偶数等分12列
@grid-columns-5:        5;      //奇数等分5列
@grid-columns-7:        7;      //奇数等分7列
@grid-rowspace:         2px;
@grid-colspace:         2px;

//控件
@height-control:                35px;
@height-control-small:          28px;
@height-control-large:          45px;

@fontsize-control:              14px;
@fontsize-control-small:        12px;
@fontsize-control-large:        16px;

@padding-control-tb:            8px;        //上下内间距
@padding-control-lr:            18px;       //左右内间距
@padding-control-small-tb:      6px;
@padding-control-small-lr:      14px;
@padding-control-large-tb:      10px;
@padding-control-large-lr:      30px;

//字体
@fontfamily-ios:        -apple-system, sf_ui_textlight;
@fontfamily-en:         "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", "Lucida Grande", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial;
@fontfamily-zh:         "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei UI", "Microsoft YaHei", "WenQuanYi Micro Hei";
@fontfamily-sys:        sans-serif;
// @fontfamily-def:     -apple-system, sf_ui_textlight, "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", "Lucida Grande", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei UI", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
@fontfamily-def:        ~"@{fontfamily-ios}, @{fontfamily-en}, @{fontfamily-zh}, @{fontfamily-sys}";
@fontfamily-title:      inherit;
@fontfamily-html:       "Helvetica Neue", Helvetica, Arial, sans-serif;

@fontfamily-icon:       "iconfont";


//图标（特殊符号）
@icon-done:                     "\e60b";
@icon-delete:                   "\e608";

@icon-checkboxbefore:           "\e620";
@icon-checkboxafter:            "\e621";
@icon-checkboxafter-checked:    "\e622";
@icon-radiobefore:              "\e64b";
@icon-radioafter:               "\e64c";
@icon-radioafter-checked:       "\e64a";

@icon-left:                     "\e603";
@icon-left-min:                 "\e61f";
@icon-right:                    "\e601";
@icon-right-min:                "\e652";
@icon-down:                     "\e600";
@icon-down-min:                 "\e64d";
@icon-up:                       "\e602";
@icon-up-min:                   "\e615";

@icon-snow:                     "*";



//排版
@defpx:                 16;
@rem2px:                1/@defpx;   // 1/16 = 0.0625;

@fontsize-s:            0.75;   // 12px
@fontsize-def:          0.875;  // 14px
@fontsize-m:            1;      // 16px
@fontsize-l:            1.125;  // 18px
@fontsize-xl:           1.5;    // 24px
@fontsize-xxl:          1.875;  // 30px
@fontsize-xxxl:         2.25;   // 36px

@fontweight-def:        400;        //==normal
@fontweight-bold:       700;        //==bold
@fontweight-title:      500;        //==Medium

@lineheight-def:        1.5;
@lineheight-auto:       floor(@fontsize-def/@rem2px * @lineheight-def); //动态行高，根据字体大小计算
@lineheight-title:      1.1;

//边框
@borderstyle-def:       solid;
@borderstyle-dotted:    dotted;
@borderstyle-double:    double;
@borderstyle-dashed:    dashed;

//z层级
@zindex-def:            0;
@zindex-bg:             1;
@zindex-control:        100;
@zindex-layer:          1000;

//倒角
@radius-def:            .3em;
@radius-1:              .1em;
@radius-2:              .2em;
@radius-3:              .3em;
@radius-4:              .4em;
@radius-5:              .5em;
@radius-6:              .6em;
@radius-7:              .7em;
@radius-8:              .8em;
@radius-9:              .9em;
@radius-10:             1em;

//指针样式
// auto         :　          默认值 。浏览器根据当前情况自动确定鼠标光标类型。
// all-scroll       :　  IE6.0   有上下左右四个箭头，中间有一个圆点的光标。用于标示页面可以向上下左右任何方向滚动。
// col-resize       :　  IE6.0   有左右两个箭头，中间由竖线分隔开的光标。用于标示项目或标题栏可以被水平改变尺寸。
// crosshair        :　          简单的十字线光标。
// default          :　          客户端平台的默认光标。通常是一个箭头。
// hand         :　          竖起一只手指的手形光标。就像通常用户将光标移到超链接上时那样。
// move         :　          十字箭头光标。用于标示对象可被移动。
// help         :　          带有问号标记的箭头。用于标示有帮助信息存在。
// no-drop          :　  IE6.0   带有一个被斜线贯穿的圆圈的手形光标。用于标示被拖起的对象不允许在光标的当前位置被放下。
// not-allowed      :　  IE6.0   禁止标记(一个被斜线贯穿的圆圈)光标。用于标示请求的操作不允许被执行。
// pointer          :　  IE6.0   和 hand 一样。竖起一只手指的手形光标。就像通常用户将光标移到超链接上时那样。
// progress     :　  IE6.0   带有沙漏标记的箭头光标。用于标示一个进程正在后台运行。
// row-resize       :　  IE6.0   有上下两个箭头，中间由横线分隔开的光标。用于标示项目或标题栏可以被垂直改变尺寸。
// text         :　          用于标示可编辑的水平文本的光标。通常是大写字母 I 的形状。
// vertical-text    :　  IE6.0   用于标示可编辑的垂直文本的光标。通常是大写字母 I 旋转90度的形状。
// wait         :　          用于标示程序忙用户需要等待的光标。通常是沙漏或手表的形状。
// *-resize     :　          用于标示对象可被改变尺寸方向的箭头光标。
                            // w-resize | s-resize | n-resize | e-resize | ne-resize | sw-resize | se-resize | nw-resize
// url ( url )      :　  IE6.0   用户自定义光标。使用绝对或相对 url 地址指定光标文件(后缀为 .cur 或者 .ani )。
@cursor-def:            default;
@cursor-pointer:        pointer;
@cursor-no:             not-allowed;
@cursor-loading:        wait;


//按钮
@height-btn:                @height-control;
@height-btn-small:          @height-control-small;
@height-btn-large:          @height-control-large;

@lineheight-btn:            @height-btn - @padding-control-tb*2 - 2px;
@lineheight-btn-small:      @height-btn-small - @padding-control-small-tb*2 - 2px;
@lineheight-btn-large:      @height-btn-large - @padding-control-large-tb*2 - 2px;

@fontsize-btn:              @fontsize-control;
@fontsize-btn-small:        @fontsize-control-small;
@fontsize-btn-large:        @fontsize-control-large;

@padding-btn-tb:            @padding-control-tb;        //按钮上下内间距
@padding-btn-lr:            @padding-control-lr;        //按钮左右内间距
@padding-btn-small-tb:      @padding-control-small-tb;
@padding-btn-small-lr:      @padding-control-small-lr;
@padding-btn-large-tb:      @padding-control-large-tb;
@padding-btn-large-lr:      @padding-control-large-lr;

@radius-btn:                @radius-def;
@zindex-btn:                @zindex-control;
@zindex-hover-btn:          @zindex-control + 10;
@zindex-focus-btn:          @zindex-control + 20;
@zindex-active-btn:         @zindex-control + 20;

@color-def-btn:                         @color-black-normal;
@color-hover-btn:                       @color-black-darker;
@color-focus-btn:                       @color-black-darker;
@color-active-btn:                      @color-black-light;
@color-disabled-btn:                    @color-black-light;
@bordercolor-def-btn:                   @color-gray-light;
@bordercolor-hover-btn:                 @color-gray-normal;
@bordercolor-focus-btn:                 @color-gray-normal;
@bordercolor-active-btn:                @color-gray-light;
@bordercolor-disabled-btn:              transparent;
@bgcolor-def-btn:                       @color-white-light;
@bgcolor-hover-btn:                     @color-white-light;
@bgcolor-focus-btn:                     @color-white-light;
@bgcolor-active-btn:                    @color-white-normal;
@bgcolor-disabled-btn:                  @color-white-darker;
@shadow-def-btn:                        0 1px 3px rgba(0, 0, 0, .05);
@shadow-hover-btn:                      0 3px 10px rgba(0, 0, 0, .1);
@shadow-focus-btn:                      0 0 0 3px rgba(0, 0, 0, .1);
@shadow-active-btn:                     0 2px 5px rgba(0, 0, 0, .1);
@shadow-disabled-btn:                   none;

@color-def-btn-inverse:                 @color-white-dark;
@color-hover-btn-inverse:               @color-white-light;
@color-focus-btn-inverse:               @color-white-light;
@color-active-btn-inverse:              @color-white-normal;
@color-disabled-btn-inverse:            @color-white-light;
@bordercolor-def-btn-inverse:           @color-black-light;
@bordercolor-hover-btn-inverse:         @color-black-light;
@bordercolor-focus-btn-inverse:         @color-black-light;
@bordercolor-active-btn-inverse:        @color-black-dark;
@bordercolor-disabled-btn-inverse:      @color-black-light;
@bgcolor-def-btn-inverse:               @color-black-light;
@bgcolor-hover-btn-inverse:             @color-black-normal;
@bgcolor-focus-btn-inverse:             @color-black-normal;
@bgcolor-active-btn-inverse:            @color-black-dark;
@bgcolor-disabled-btn-inverse:          @color-black-light;
@shadow-def-btn-inverse:                0 1px 3px rgba(0, 0, 0, .15);
@shadow-hover-btn-inverse:              0 3px 10px rgba(0, 0, 0, .3);
@shadow-focus-btn-inverse:              0 0 0 3px rgba(0, 0, 0, .15);
@shadow-active-btn-inverse:             0 2px 5px rgba(0, 0, 0, .3);
@shadow-disabled-btn-inverse:           none;

@borderwidth-def-btn-border:            2px;
@color-def-btn-border:                  @color-gray-light;
@color-hover-btn-border:                @color-white-normal;
@color-focus-btn-border:                @color-white-normal;
@color-active-btn-border:               @color-gray-light;
@color-disabled-btn-border:             @color-gray-lighter;
@bordercolor-def-btn-border:            @color-gray-light;
@bordercolor-hover-btn-border:          @color-white-normal;
@bordercolor-focus-btn-border:          @color-white-normal;
@bordercolor-active-btn-border:         @color-gray-light;
@bordercolor-disabled-btn-border:       @color-gray-lighter;
@bgcolor-def-btn-border:                transparent;
@bgcolor-hover-btn-border:              transparent;
@bgcolor-focus-btn-border:              transparent;
@bgcolor-active-btn-border:             transparent;
@bgcolor-disabled-btn-border:           transparent;
@shadow-def-btn-border:                 none;
@shadow-hover-btn-border:               0 5px 15px rgba(0, 0, 0, .5);
@shadow-focus-btn-border:               0 3px 10px rgba(0, 0, 0, .3);
@shadow-active-btn-border:              0 2px 5px rgba(0, 0, 0, .5);
@shadow-disabled-btn-border:            none;

@color-def-btn-borderinverse:                  @color-black-light;
@color-hover-btn-borderinverse:                @color-black-normal;
@color-focus-btn-borderinverse:                @color-black-light;
@color-active-btn-borderinverse:               @color-black-light;
@color-disabled-btn-borderinverse:             @color-black-light;
@bordercolor-def-btn-borderinverse:            @color-black-light;
@bordercolor-hover-btn-borderinverse:          @color-black-dark;
@bordercolor-focus-btn-borderinverse:          @color-black-dark;
@bordercolor-active-btn-borderinverse:         @color-black-dark;
@bordercolor-disabled-btn-borderinverse:       @color-black-light;
@bgcolor-def-btn-borderinverse:                transparent;
@bgcolor-hover-btn-borderinverse:              transparent;
@bgcolor-focus-btn-borderinverse:              transparent;
@bgcolor-active-btn-borderinverse:             transparent;
@bgcolor-disabled-btn-borderinverse:           transparent;
@shadow-def-btn-borderinverse:                 none;
@shadow-hover-btn-borderinverse:               0 5px 15px rgba(0, 0, 0, .15);
@shadow-focus-btn-borderinverse:               0 3px 10px rgba(0, 0, 0, .15);
@shadow-active-btn-borderinverse:              0 2px 5px rgba(0, 0, 0, .3);
@shadow-disabled-btn-borderinverse:            none;

@color-def-btn-link:                     @color-theme-dark;
@color-hover-btn-link:                   @color-theme-light;
@color-focus-btn-link:                   @color-theme-dark;
@color-active-btn-link:                  @color-theme-dark;
@color-disabled-btn-link:                @color-theme-dark;
@bordercolor-def-btn-link:               transparent;
@bordercolor-hover-btn-link:             transparent;
@bordercolor-focus-btn-link:             transparent;
@bordercolor-active-btn-link:            transparent;
@bordercolor-disabled-btn-link:          transparent;
@bgcolor-def-btn-link:                   transparent;
@bgcolor-hover-btn-link:                 transparent;
@bgcolor-focus-btn-link:                 transparent;
@bgcolor-active-btn-link:                transparent;
@bgcolor-disabled-btn-link:              transparent;
@shadow-def-btn-link:                    none;
@shadow-hover-btn-link:                  none;
@shadow-focus-btn-link:                  none;
@shadow-active-btn-link:                 none;
@shadow-disabled-btn-link:               none;

@color-def-btn-theme:                   @color-white-dark;
@color-hover-btn-theme:                 @color-white-light;
@color-focus-btn-theme:                 @color-white-light;
@color-active-btn-theme:                @color-white-light;
@color-disabled-btn-theme:              @color-white-light;
@bordercolor-def-btn-theme:             @color-theme-normal;
@bordercolor-hover-btn-theme:           @color-theme-normal;
@bordercolor-focus-btn-theme:           @color-theme-normal;
@bordercolor-active-btn-theme:          @color-theme-normal;
@bordercolor-disabled-btn-theme:        @color-theme-normal;
@bgcolor-def-btn-theme:                 @color-theme-normal;
@bgcolor-hover-btn-theme:               @color-theme-light;
@bgcolor-focus-btn-theme:               @color-theme-light;
@bgcolor-active-btn-theme:              @color-theme-light;
@bgcolor-disabled-btn-theme:            @color-theme-normal;
@shadow-def-btn-theme:                  0 1px 3px fade(@color-theme-dark, 50%);
@shadow-hover-btn-theme:                0 3px 10px fade(@color-theme-dark, 50%);
@shadow-focus-btn-theme:                0 0 0 3px fade(@color-theme-dark, 30%);
@shadow-active-btn-theme:               0 2px 5px fade(@color-theme-dark, 40%);
@shadow-disabled-btn-theme:             none;

@color-def-btn-key:                     @color-white-dark;
@color-hover-btn-key:                   @color-white-normal;
@color-focus-btn-key:                   @color-white-normal;
@color-active-btn-key:                  @color-white-normal;
@color-disabled-btn-key:                @color-white-normal;
@bordercolor-def-btn-key:               @color-key-normal;
@bordercolor-hover-btn-key:             @color-key-normal;
@bordercolor-focus-btn-key:             @color-key-normal;
@bordercolor-active-btn-key:            @color-key-normal;
@bordercolor-disabled-btn-key:          transparent;
@bgcolor-def-btn-key:                   @color-key-normal;
@bgcolor-hover-btn-key:                 @color-key-light;
@bgcolor-focus-btn-key:                 @color-key-light;
@bgcolor-active-btn-key:                @color-key-light;
@bgcolor-disabled-btn-key:              @color-key-normal;
@shadow-def-btn-key:                    0 1px 3px fade(@color-key-dark, 50%);
@shadow-hover-btn-key:                  0 3px 10px fade(@color-key-dark, 50%);
@shadow-focus-btn-key:                  0 0 0 3px fade(@color-key-dark, 30%);
@shadow-active-btn-key:                 0 2px 5px fade(@color-key-dark, 40%);
@shadow-disabled-btn-key:               none;

@color-def-btn-light:                   @color-black-dark;
@color-hover-btn-light:                 @color-black-darker;
@color-focus-btn-light:                 @color-black-darker;
@color-active-btn-light:                @color-black-dark;
@color-disabled-btn-light:              @color-black-dark;
@bordercolor-def-btn-light:             @color-light-normal;
@bordercolor-hover-btn-light:           @color-light-normal;
@bordercolor-focus-btn-light:           @color-light-normal;
@bordercolor-active-btn-light:          @color-light-normal;
@bordercolor-disabled-btn-light:        @color-light-normal;
@bgcolor-def-btn-light:                 @color-light-normal;
@bgcolor-hover-btn-light:               @color-light-light;
@bgcolor-focus-btn-light:               @color-light-light;
@bgcolor-active-btn-light:              @color-light-light;
@bgcolor-disabled-btn-light:            @color-light-normal;
@shadow-def-btn-light:                  0 1px 3px fade(@color-black-light, 20%);
@shadow-hover-btn-light:                0 3px 10px fade(@color-black-light, 30%);
@shadow-focus-btn-light:                0 0 0 3px fade(@color-black-light, 20%);
@shadow-active-btn-light:               0 2px 5px fade(@color-black-light, 20%);
@shadow-disabled-btn-light:             none;

@color-def-btn-nice:                    @color-white-dark;
@color-hover-btn-nice:                  @color-white-light;
@color-focus-btn-nice:                  @color-white-light;
@color-active-btn-nice:                 @color-white-normal;
@color-disabled-btn-nice:               @color-white-light;
@bordercolor-def-btn-nice:              @color-nice-normal;
@bordercolor-hover-btn-nice:            @color-nice-light;
@bordercolor-focus-btn-nice:            @color-nice-dark;
@bordercolor-active-btn-nice:           @color-nice-dark;
@bordercolor-disabled-btn-nice:         @color-nice-normal;
@bgcolor-def-btn-nice:                  @color-nice-normal;
@bgcolor-hover-btn-nice:                @color-nice-light;
@bgcolor-focus-btn-nice:                @color-nice-dark;
@bgcolor-active-btn-nice:               @color-nice-dark;
@bgcolor-disabled-btn-nice:             @color-nice-normal;
@shadow-def-btn-nice:                   0 1px 3px fade(@color-nice-dark, 50%);
@shadow-hover-btn-nice:                 0 3px 10px fade(@color-nice-dark, 40%);
@shadow-focus-btn-nice:                 0 0 0 3px fade(@color-nice-dark, 20%);
@shadow-active-btn-nice:                0 2px 5px fade(@color-nice-dark, 40%);
@shadow-disabled-btn-nice:              none;



//气泡菜单
@color-def-popmenu:                     @color-black-dark;
@color-hover-popmenu:                   @color-black-darker;
@color-active-popmenu:                  @color-black-dark;
@color-disabled-popmenu:                @color-gray-normal;
@color-icon-popmenu:                    @color-black-light;

@bgcolor-def-popmenu:                   @color-white-light;
@bgcolor-hover-popmenu:                 @color-white-darker;
@bgcolor-active-popmenu:                @color-gray-lighter;
@bgcolor-disabled-popmenu:              @color-white-light;

@bordercolor-popmenu:                   @color-gray-lighter;
@bordercolor-top-popmenu-split:         @color-gray-lighter;
@bordercolor-bottom-popmenu-split:      @color-white-light;

@borderwidth-popmenu:                   1px;
@borderwidth-top-popmenu-split:         1px;
@borderwidth-bottom-popmenu-split:      1px;

@color-popmenu-item-selected:           @color-black-darkest;
@bgcolor-popmenu-item-selected:         @color-gray-lighter;

@color-popmenu-icon-selected:           @color-theme-darker;
@color-popmenu-icon-hassub:             @color-theme-dark;

@minwidth-popmenu:                      160px;
@minwidth-small-popmenu:                140px;
@minwidth-large-popmenu:                180px;

@fontsize-popmenu:                      @fontsize-control;
@fontsize-popmenu-small:                @fontsize-control-small;
@fontsize-popmenu-large:                @fontsize-control-large;

@fontweight-popmenu:                    @fontweight-def;
@fontweight-popmenu-small:              @fontweight-def;
@fontweight-popmenu-large:              @fontweight-def;

@fontsize-popmenu-icon:                 14px;
@fontsize-popmenu-icon-selected:        14px;
@fontsize-popmenu-icon-hassub:          14px;

@height-popmenu-item:                   28px;
@height-popmenu-small-item:             26px;
@height-popmenu-large-item:             30px;
@height-popmenu-split:                  10px;

@padding-popmenu-tb:                    5px;
@padding-popmenu-item-l:                15px;
@padding-popmenu-item-r:                15px;
@padding-popmenu-selectable-item-r:     35px;
@padding-popmenu-icon-item-l:           40px;
@padding-popmenu-tree-item-l:           35px;
@padding-popmenu-tree-item-r:           35px;

@zindex-def-popmenu:                    @zindex-control;
@zindex-active-popmenu:                 @zindex-def-popmenu + 10;
@zindex-hover-popmenu:                  @zindex-def-popmenu + 20;

@radius-popmenu:                        @radius-def;

@icon-popmenu-selected:                 @icon-done;
@icon-popmenu-sub-left:                 @icon-left-min;
@icon-popmenu-sub-right:                @icon-right-min;



//下拉框
@color-select-item-selected:    @color-black-normal;
@bgcolor-select-item-selected:  @color-theme-lightest;

@height-select:                 @height-control;
@height-select-small:           @height-control-small;
@height-select-large:           @height-control-large;

@zindex-select:                 @zindex-control;
@zindex-select-hover:           @zindex-select + 10;
@zindex-selectbox:              @zindex-control + 20;
@zindex-selectbox-after:        @zindex-selectbox + 10;
@zindex-selectlist:             @zindex-control + 10;

@lineheight-select:             @height-select - 2px;
@lineheight-select-small:       @height-select-small - 2px;
@lineheight-select-large:       @height-select-large - 2px;

@height-select-list:            300px;
@height-select-split:           10px;

@height-select-item:            28px;
@height-select-small-item:      26px;
@height-select-large-item:      30px;

@fontsize-select-text:          @fontsize-control;
@fontsize-select-small-text:    @fontsize-control-small;
@fontsize-select-large-text:    @fontsize-control-large;

@fontsize-select-list:          @fontsize-control-small;
@fontsize-select-small-list:    @fontsize-control-small;
@fontsize-select-large-list:    @fontsize-control;

@padding-select-l:              15px;
@padding-select-r:              5px;

@radius-select:                 @radius-def;
@radius-select-list:            @radius-def;

@icon-select-right:             @icon-right-min;
@icon-select-down:              @icon-down-min;
@icon-select-up:                @icon-up-min;



//单选复选框
@fontsize-chkradio:                 @fontsize-control;
@zindex-chkradio-before:            @zindex-control;
@zindex-chkradio-after:             @zindex-chkradio-before + 10;
@padding-chkradio-tb:               3px;
@padding-chkradio-l:                25px;
@padding-chkradio-r:                10px;
@height-chkradio:                   20px;
@borderwidth-chkradio-before:               2px;
@radius-chkradio-chk-before:                .2em;
@radius-chkradio-radio-before:              1em;
@icon-chkradio-after:                       @icon-done;

@color-chkradio:                            @color-black-darker;
@color-hover-chkradio:                      @color-black-darker;
@color-checked-chkradio:                    @color-black-darker;
@color-disabled-chkradio:                   @color-gray-light;

@bordercolor-chkradio-before:               @color-gray-normal;
@bordercolor-hover-chkradio-before:         @color-gray-lighter;
@bordercolor-checked-chkradio-before:       @color-gray-darker;
@bordercolor-disabled-chkradio-before:      @color-gray-lighter;
@bgcolor-chkradio-before:                   transparent;
@bgcolor-hover-chkradio-before:             transparent;
@bgcolor-checked-chkradio-before:           transparent;
@bgcolor-disabled-chkradio-before:          transparent;
@bgcolor-chkradio-after:                    transparent;
@bgcolor-hover-chkradio-after:              @color-black-light;
@bgcolor-checked-chkradio-after:            @color-black-darker;
@bgcolor-disabled-chkradio-after:           transparent;
@color-hover-chkradio-after:                @color-black-darker;
@color-checked-chkradio-after:              @color-black-darkest;

@bordercolor-chkradio-theme-before:                 @color-theme-normal;
@bordercolor-hover-chkradio-theme-before:           @color-theme-light;
@bordercolor-checked-chkradio-theme-before:         @color-theme-normal;
@bordercolor-disabled-chkradio-theme-before:        @color-theme-light;
@bgcolor-chkradio-theme-before:                     transparent;
@bgcolor-hover-chkradio-theme-before:               transparent;
@bgcolor-checked-chkradio-theme-before:             @color-theme-normal;
@bgcolor-disabled-chkradio-theme-before:            transparent;
@bgcolor-chkradio-theme-after:                      transparent;
@bgcolor-hover-chkradio-theme-after:                @color-theme-darker;
@bgcolor-checked-chkradio-theme-after:              @color-white-normal;
@bgcolor-disabled-chkradio-theme-after:             transparent;
@color-hover-chkradio-theme-after:                  @color-theme-darker;
@color-checked-chkradio-theme-after:                @color-white-normal;

@bordercolor-chkradio-key-before:                   @color-key-normal;
@bordercolor-hover-chkradio-key-before:             @color-key-light;
@bordercolor-checked-chkradio-key-before:           @color-key-normal;
@bordercolor-disabled-chkradio-key-before:          @color-key-light;
@bgcolor-chkradio-key-before:                       transparent;
@bgcolor-hover-chkradio-key-before:                 transparent;
@bgcolor-checked-chkradio-key-before:               @color-key-normal;
@bgcolor-disabled-chkradio-key-before:              transparent;
@bgcolor-chkradio-key-after:                        transparent;
@bgcolor-hover-chkradio-key-after:                  @color-key-darker;
@bgcolor-checked-chkradio-key-after:                @color-white-normal;
@bgcolor-disabled-chkradio-key-after:               transparent;
@color-hover-chkradio-key-after:                    @color-key-darker;
@color-checked-chkradio-key-after:                  @color-white-normal;

@bordercolor-chkradio-light-before:                 @color-light-darker;
@bordercolor-hover-chkradio-light-before:           @color-light-darker;
@bordercolor-checked-chkradio-light-before:         @color-light-darker;
@bordercolor-disabled-chkradio-light-before:        @color-light-darker;
@bgcolor-chkradio-light-before:                     transparent;
@bgcolor-hover-chkradio-light-before:               transparent;
@bgcolor-checked-chkradio-light-before:             @color-light-darker;
@bgcolor-disabled-chkradio-light-before:            transparent;
@bgcolor-chkradio-light-after:                      transparent;
@bgcolor-hover-chkradio-light-after:                @color-black-normal;
@bgcolor-checked-chkradio-light-after:              @color-black-darker;
@bgcolor-disabled-chkradio-light-after:             transparent;
@color-hover-chkradio-light-after:                  @color-black-normal;
@color-checked-chkradio-light-after:                @color-black-darker;

@bordercolor-chkradio-nice-before:                  @color-nice-darker;
@bordercolor-hover-chkradio-nice-before:            @color-nice-normal;
@bordercolor-checked-chkradio-nice-before:          @color-nice-dark;
@bordercolor-disabled-chkradio-nice-before:         @color-nice-normal;
@bgcolor-chkradio-nice-before:                      transparent;
@bgcolor-hover-chkradio-nice-before:                transparent;
@bgcolor-checked-chkradio-nice-before:              @color-nice-dark;
@bgcolor-disabled-chkradio-nice-before:             transparent;
@bgcolor-chkradio-nice-after:                       transparent;
@bgcolor-hover-chkradio-nice-after:                 @color-nice-darker;
@bgcolor-checked-chkradio-nice-after:               @color-white-normal;
@bgcolor-disabled-chkradio-nice-after:              transparent;
@color-hover-chkradio-nice-after:                   @color-nice-darker;
@color-checked-chkradio-nice-after:                 @color-white-normal;



//表格
@color-def-table:                   @color-black-normal;
@color-caption-table:               @color-gray-darker;
@color-head-table:                  @color-black-darker;
@color-body-table:                  @color-black-darker;
@color-foot-table:                  @color-black-darker;
@color-hover-table:                 @color-black-darkest;
@bordercolor-def-table:             @color-gray-lighter;
@bordercolor-box-table:             @color-gray-lighter;
@bordercolor-head-table:            @color-gray-lighter;
@bgcolor-def-table:                 @color-white-light;
@bgcolor-diff-table:                @color-white-dark;
@bgcolor-hover-table:               @color-white-dark;
@bgcolor-caption-table:             @color-white-light;
@fontsize-table:                    @fontsize-def;

@radius-table:                      @radius-def;


//标签页
@bgcolor-tabs-navs:                 transparent;
@borderwidth-tabs-navs:             1px;
@bordercolor-tabs-navs:             @color-gray-lighter;

@color-tabs-nav:                    @color-gray-normal;
@color-tabs-nav-hover:              @color-black-light;
@color-tabs-nav-active:             @color-black-light;

@bgcolor-tabs-nav:                  transparent;
@bgcolor-tabs-nav-hover:            transparent;
@bgcolor-tabs-nav-active:           @color-white-light;

@borderwidth-tabs-nav:              2px;
@bordercolor-tabs-nav:              transparent;
@bordercolor-tabs-nav-hover:        transparent;
@bordercolor-tabs-nav-active:       @color-theme-normal;

@fontsize-tabs-nav:                 14px;
@fontsize-tabs-nav-small:           12px;

@padding-tabs-nav-tb:               15px;
@padding-tabs-nav-lr:               15px;
@padding-tabs-nav-small-tb:         8px;
@padding-tabs-nav-small-lr:         15px;

@height-tabs-nav:                   50px;
@height-tabs-nav-small:             36px;

@lineheight-tabs-nav:               @height-tabs-nav - @padding-tabs-nav-tb*2 - 2px;
@lineheight-tabs-nav-small:         @height-tabs-nav-small - @padding-tabs-nav-small-tb*2 - 2px;

@zindex-tabs:                       @zindex-bg;
@zindex-tabs-nav:                   @zindex-control;
@zindex-tabs-nav-hover:             @zindex-tabs-nav + 10;
@zindex-tabs-nav-active:            @zindex-tabs-nav + 20;

@radius-tab-nav:                    0;


//标签
@padding-tag-tb:            .25em;
@padding-tag-lr:            .45em;
@padding-tag-circle-lr:     .52em;

@height-tag:                inherit;
@lineheight-tag:            1;
@fontsize-tag:              .75em;

@color-tag:                 @color-white-light;
@bgcolor-tag:               @color-gray-dark;
@bordercolor-tag:           transparent;

@radius-tag:                @radius-def;


//输入框
@width-input:               160px;
@height-input:              @height-control;
@width-textarea:            @width-input;
@height-textarea:           @height-control * 3;
@height-input-small:        @height-control-small;
@height-input-large:        @height-control-large;

@borderwidth-input:         1px;
@borderwidth-focus-input:   2px;

@paddingtop-input:          4px;
@paddingbottom-input:       4px;
@paddingleft-input:         15px;
@paddingright-input:        4px;

@lineheight-input:          @lineheight-def;

@fontsize-input:            @fontsize-control;
@fontsize-input-small:      @fontsize-control-small;
@fontsize-input-large:      @fontsize-control-large;

@color-input:               @color-black-light;
@bordercolor-input:         @color-gray-light;
@bgcolor-input:             transparent;
@shadow-input:              none;//inset 0 2px 3px rgba(0, 0, 0, .05);
@bordercolor-input-focus:   @color-black-light;
@shadow-input-focus:        none;//inset 0 2px 4px rgba(0, 0, 0, .09);

@bordercolor-input-theme:           @bordercolor-input;
@bgcolor-input-theme:               @bgcolor-input;
@bordercolor-input-theme-focus:     @color-theme-normal;
@shadow-input-theme-focus:          none;//inset 0 2px 4px rgba(5, 195, 249, .2);      //@color-theme-normal #05C3F9

@bordercolor-input-key:             @bordercolor-input;
@bgcolor-input-key:                 @bgcolor-input;
@bordercolor-input-key-focus:       @color-key-normal;
@shadow-input-key-focus:            none;//inset 0 2px 4px rgba(249, 83, 57, .2);      //@color-key-normal #F95339

@bordercolor-input-light:           @bordercolor-input;
@bgcolor-input-light:               @bgcolor-input;
@bordercolor-input-light-focus:     @color-light-darker;
@shadow-input-light-focus:          none;//inset 0 2px 4px rgba(255, 211, 1, .2);      //@color-light-normal #FFFF01

@bordercolor-input-nice:            @bordercolor-input;
@bgcolor-input-nice:                @bgcolor-input;
@bordercolor-input-nice-focus:      @color-nice-normal;
@shadow-input-nice-focus:           none;//inset 0 2px 4px rgba(1, 198, 119, .2);      //@color-light-normal #01C677

// @radius-input:                      @radius-def;
@radius-input:                      0em;
@radius-textarea:                   @radius-def;


//组合输入框
@zindex-inputgroup-input:               @zindex-control;
@zindex-inputgroup-input-focus:         @zindex-inputgroup-input + 20;
@zindex-inputgroup-addons:              @zindex-inputgroup-input + 10;
@zindex-inputgroup-addons-btn:          @zindex-control;
@zindex-inputgroup-addons-btn-hover:    @zindex-inputgroup-addons-btn + 10;
@radius-inputgroup:                     @radius-def;
@shadow-inputgroup:                     none;


//表单
@padding-form:              0;
@margin-form-t:             0;
@margin-form-b:             0;
@margin-form-sub-t:         5px;
@margin-form-sub-b:         30px;
@margin-form-item-t:        0;
@margin-form-item-b:        15px;

@color-formlabel:           @color-def;
@fontsize-formlabel:        14px;
@width-formlabel:           70px;
@margin-formlabel-l:        0px;
@margin-formlabel-r:        15px;

@color-formmust:            @color-key-normal;
@icon-form-must:            @icon-snow;

//遮罩层
@bgcolor-mask:              @color-black-darkest;
@zindex-mask:               @zindex-layer;


//对话框
@bgcolor-dlg:               @color-white-light;

@zindex-dlg:                @zindex-layer;
@zindex-dlgmask:            @zindex-bg;
@zindex-dlgwrapper:         @zindex-bg + 10;
@zindex-dlgtitle:           @zindex-bg;
@zindex-dlgclose:           @zindex-bg + 10;

@color-dlgtitle:            @color-black-light;
@fontsize-dlgtitle:         @fontsize-m;
@fontweight-dlgtitle:       @fontweight-bold;


@icon-dlgclose:             @icon-delete;

@radius-dlg:                @radius-def;
@shadow-dlg:                0 15px 50px rgba(0, 0, 0, .2);








